<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Licores Nuvo</title>
        <link href="css/style.css" type="text/css" rel="stylesheet"/>
    </h:head>
    <h:body>
        <p:layout  fullPage="true"> 
            <p:layoutUnit id="top" position="north" size="60" resizable="false" closable="false" collapsible="false">  
                <h:outputText value="North unit content." />  
            </p:layoutUnit> 
             <p:layoutUnit id="bottom" position="south" size="50"  resizable="false" closable="false" collapsible="true">  
                <center><span style="color: white">  2013 Licores Nuvo</span></center>  
            </p:layoutUnit>  

 <p:layoutUnit id="layoutborder2" position="west" size="20%" header="OPCIONES" resizable="true"  collapsible="true">  
                <h:form id="form" >
                    <p:accordionPanel  > 
                        <p:tab  title="Pedidos">
                            <h:panelGrid columns="1" cellpadding="0" style="text-align: justify;">                                
                                <h:outputLink  value="templates/empleado/registrarpedido.xhtml"   target="fotoprincipal" > 
                                    <div class="hovergallery"><p:graphicImage  value="/img/pedido.png"  style="width:50%;text-align: center"/></div>                               
                                    Registro
                                </h:outputLink>
                            </h:panelGrid>

                        </p:tab>
                        <p:tab  title="Proveedor Clientes" >
                            <h:panelGrid columns="1" cellpadding="0" style="text-align: justify;">                                
                                <h:outputLink  value="templates/administrador/RegistroProveedorClientes.xhtml"   target="fotoprincipal" > 
                                    <div class="hovergallery"><p:graphicImage  value="/img/prevedor.png"  style="width:50%;text-align: center"/></div>                               
                                    Registro
                                </h:outputLink>
                            </h:panelGrid>

                        </p:tab>
                        <p:tab  title="Variables" >
                            <h:panelGrid columns="1" cellpadding="0" style="text-align: justify;">                                
                                <h:outputLink  value="templates/administrador/RegistroVariables.xhtml"   target="fotoprincipal" > 
                                    <div class="hovergallery"><p:graphicImage  value="/img/variables.png"  style="width:50%;text-align: center"/></div>                               
                                    Registro
                                </h:outputLink>
                            </h:panelGrid>

                        </p:tab>
                        <p:tab  title="Prductos" >
                            <h:panelGrid columns="1" cellpadding="0" style="text-align: justify;">                                
                                <h:outputLink  value="templates/administrador/RegistroProducto.xhtml"   target="fotoprincipal" > 
                                    <div class="hovergallery"><p:graphicImage  value="/img/producto.png"  style="width:50%;text-align: center"/></div>                               
                                    Registro
                                </h:outputLink>
                            </h:panelGrid>

                        </p:tab>
                    </p:accordionPanel> 
                </h:form> 
                <div>
                    <center> <h1></h1></center> 
                </div> 
            </p:layoutUnit>   

            <p:layoutUnit position="center" id="layoutborder">  
                <p:panel header="Contenido" id="panel" style="height:90%;width:99%;border: none"  >
                    <center>
                        <iframe name="fotoprincipal" id="fotoprincipal" style="width:100%;height:100%;border:none"  src="index.xhtml">

                        </iframe>  
                    </center>
                </p:panel>
            </p:layoutUnit>  

        </p:layout> 

    </h:body>
</html>